// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { Link } from "react-router-dom";

function App () {

  return (
    <div className="App">
      react优化示例学习<br/><br/>
      <Link to="/app01">01-useReducer</Link><br/><br/>
      <Link to="/app02">02-useMemo</Link><br/><br/>
      <Link to="/app03">03-memo-基础用法</Link><br/><br/>
      <Link to="/app04">04-memo-props比较机制</Link><br/><br/>
      <Link to="/app05">05-useCallback</Link><br/><br/>
      <Link to="/app06">06-forwardRef</Link><br/><br/>
      <Link to="/app07">07-useInperativeHandle</Link><br/><br/>
      <Link to="/app08">08-class-实现counter</Link><br/><br/>
      <Link to="/app09">09-class-生命周期函数</Link><br/><br/>
      <Link to="/app10">10-class-组件通信</Link><br/><br/>
      <Link to="/app11">11-zustand-基础使用</Link><br/><br/>
      <Link to="/app12">12-zustand-异步支持</Link><br/><br/>
      <Link to="/app13">13-zustand-切片模式</Link><br/><br/>
    </div>
  )
}

export default App